<template>
	<view class="container">
		<view class="version-section">
			<view class="version-item1" >
					<text class="iconfont icon-u12 un-icon" ></text>
					<text class="clamp un-ti" >版本不息  优化不止</text>
			</view>
		</view>
		<view v-for="(item,index) in versionList" :key="index">
			<view class="version-section">
				<view class="un-kuang">
					<text class="un-ti1">V {{item.VERSIONPART1}}.{{item.VERSIONPART2}}.{{item.VERSIONPART3}}</text>
					<text class="un-ti2">{{item.RELEASEDATE}}</text>
				</view>
				<view class="version-item">
					<text class="un-ti3">
						{{item.UPDATELOG}}
					</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				versionList:[],
			};
		},
		onLoad() {
			this.loadData()
		},
		methods:{
			async loadData(){
				this.$http.post("/common/versions",{
							SIGNATURE:uni.getStorageSync("SIGNATURE"),
				}).then(res=>{
					 if(res.data.STATE==='0' && res.statusCode===200){
						res.data.OBJECT.map(item=>{
							item.RELEASEDATE=item.RELEASEDATE.substring(0,10);
							this.versionList.push(item);
						})
						
					}
				}).catch(err=>{
							console.log('request fail',err);
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
			background: #f5f5f5;
		}
	.version-section{
		position: relative;
		margin: 0upx 0upx 30upx;
		display:flex;
		flex-wrap:wrap;
		padding: 10upx 20upx;
		background: #fff;
	}
	.version-item{
		
		margin: 100upx 20upx 0upx;
	}
	.version-item1{
		width: 100%;
		text-align: center;
		padding-top: 50upx;
		padding-bottom: 50upx;
	}
	.un-icon{
		text-align: center;
		font-size:120upx;
		color: $font-color-light;
		line-height: 170upx;
	}
	.un-ti{
		font-size: 30upx;
		color: $font-color-light;
	}
	.un-kuang{
		    position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 45px;
			background: inherit;
			background-color: rgba(255, 255, 255, 0);
			box-sizing: border-box;
			border-width: 2px;
			border-style: solid;
			border-color: rgba(242, 242, 242, 9);
			border-radius: 0px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			font-family:  '微软雅黑';
			font-style: normal;
			color: #999999;
			text-align: left;
			line-height: 80upx;
	}
	.un-ti1{
		float: left;
		font-size:29upx ;
		font-weight: 600;
		margin-left: 40upx;
	}
	.un-ti2{
		float: right;
		font-size:20upx;
		margin-right: 40upx;
	}
	.un-ti3{
		font-size: 20upx;
		color: $font-color-light;
	}
</style>
